<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>计算个人所得税</title>
		<script>
			/**
			 * 1:计算工资计算所交个税金额：
			 按照规定,个税采用分段式收缴方式：
			工资低于等于3500,不用交税；
			 高于3500，低于8000，超过3500部分，按照 %2缴纳个税；
			 高于8000，低于20000，超过部分按照5%缴纳；
			 高于20000，超过部分按照10%缴纳；
			
			设计一个函数，传入薪水，返回应缴税额。
			 */
			
			function calc(gongz){
				gongz=parseFloat(document.getElementById("gz").value);
				var shui=document.getElementById("shui");
				// alert(gongz);
				if(gongz<=3500){
					shui.value="不用交税";
				}else if(gongz<8000){
					shui.value=(gongz-3500)*0.02;
				}else if(gongz<20000){
					shui.value=(8000-3500)*0.02+(gongz-8000)*0.05;
				}else{
					shui.value=(8000-3500)*0.02+(20000-8000)*0.05+(gongz-20000)*0.1;
				}
				
			}
		</script>
	</head>
	<body>
		
		 <form action="" style="padding-left: 330px; border:1px solid #f3f3f3">
			 <p>
				 <label for="salary">
					 工资：
					 <input type="text" name="salary" id="gz">
				 </label>
			 </p>
			 <p>
			 				 <label for="taxs">
			 					 个税：
			 					 <input type="text" name="taxs" id="shui">
			 				 </label>
			 </p>
			 <input type="button" name="" id="" value="计算" onclick="calc()" style="margin-left: 90px;width: 60px;">
		 </form>
	</body>
</html>